$(function () {
  let page = 1;
  let perpage = 10;

  comment();
  // 获取评论列表
  function comment() {
    $.ajax({
      url: window.BigNew.comment_search,
      data: { page, perpage },
      success: function (response) {
        const htmlStr = template('commentList', response.data);
        setPage(response.data.totalPage, page);
        $('tbody').html(htmlStr);
      }
    });
  }

  // 批准评论请求
  $('tbody').on('click', '#btn-pass', function () {
    opeReq(window.BigNew.comment_pass, $(this).data('id'));
    // const id = $(this).data('id');
    // $.ajax({
    //   type: "post",
    //   url: window.BigNew.comment_pass,
    //   data: { id },
    //   success: function (response) {
    //     alert(response.msg);
    //     comment();
    //   }
    // });
  });

  // 删除评论请求
  $('tbody').on('click', '#btn-del', function () {
    opeReq(window.BigNew.comment_delete, $(this).data('id'));
    // const id = $(this).data('id');
    // $.ajax({
    //   type: "post",
    //   url: window.BigNew.comment_delete,
    //   data: { id },
    //   success: function (response) {
    //     alert(response.msg);
    //     comment();
    //   }
    // });
  });


  // 拒绝评论请求
  $('tbody').on('click', '#btn-refuse', function () {
    opeReq(window.BigNew.comment_reject, $(this).data('id'));
    // const id = $(this).data('id');
    // $.ajax({
    //   type: "post",
    //   url: window.BigNew.comment_reject,
    //   data: { id },
    //   success: function (response) {
    //     alert(response.msg);
    //     comment();
    //   }
    // });
  });

  // 封装请求
  function opeReq(url, id) {
    $.ajax({
      type: "post",
      url,
      data: { id },
      success: function (response) {
        alert(response.msg);
        comment();
      }
    });
  }

  // 尝试使用分页组件
  function setPage(totalPages, currentPage) {
    $('.pagination').bootstrapPaginator({
      bootstrapMajorVersion: 3,
      currentPage,
      totalPages,
      onPageClicked(event, originEvent, type, newPage) {
        // 这是翻页组件被点击时触发的回调
        // 里面可以接受四个参数, 其中最重要是第四个
        // console.log('被点击了' + newPage);
        page = newPage;
        comment();
      }
    });
  }
}); 